home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / redakcyjne / programy / Weather Watcher Live 6.1.23 / WWL6123.exe / {app} / Skins / Interface / Splendid / Skin.wwt < prev    next >
Text File  |  2009-11-15  |  62KB  |  752 lines
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2.  
  3. <HTML>
  4. <HEAD>
  5.     <LINK REL="stylesheet" TYPE="text/css" HREF="../../Includes/Splendid.css" />
  6.     <LINK REL="stylesheet" TYPE="text/css" HREF="../../Includes/NiceTitleAutoWidth.css" TYPE="text/css" />
  7.     <!--[if lt IE 7]>
  8.         <style type="text/css">
  9.         img, div {behavior: url("../../iepngfix.htc")}
  10.         </style>
  11.     <![endif]-->
  12. </HEAD>
  13.  
  14. <BODY ONLOAD="getWindowSize()" ONRESIZE="getWindowSize()">
  15.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/NiceTitle.js"></SCRIPT>
  16.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/DragDIV.js"></SCRIPT>
  17.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/General.js"></SCRIPT>
  18.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/Lightbox.js"></SCRIPT>
  19.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/Splendid.js"></SCRIPT>
  20.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/BlockF5.js"></SCRIPT>
  21.     <!--[if lt IE 7]>
  22.     <SCRIPT TYPE="text/javascript" SRC="../../Includes/iepngfix_tilebg.js"></SCRIPT> 
  23.     <![endif]-->
  24.     <SCRIPT TYPE="text/javascript"> 
  25.         var thermPercentage;
  26.         var plainTemp;
  27.         var pnHeight = 0;
  28.         var pnWidth = 0;
  29.         var bolIsIE8 = isIE8();
  30.         
  31.         var gaugeBackgroundWidth;
  32.                 
  33.         if (bolIsIE8 == true)
  34.         {    gaugeBackgroundWidth = -13;
  35.         }
  36.         else
  37.         {    gaugeBackgroundWidth = -14;
  38.         }
  39.                 
  40.         function getWindowSize()
  41.         {    if (bolIsIE8 == false)
  42.             {    pnHeight = -document.body.parentNode.offsetHeight%2;
  43.                 pnWidth = -document.body.parentNode.offsetWidth%2;
  44.             }
  45.         }
  46.                             
  47.         function updateTemperature(currentTemp, currentTempPlain, tempHighPlain, feelsLikeTemp)
  48.         {    //************************************
  49.             //*  Declare & initialize variables  *
  50.             //************************************
  51.             var temp = currentTemp.replace("°","");
  52.             var tempPlain = currentTempPlain;
  53.             var tempArray = temp.split("/");
  54.             var tempDisplay = "N/A";
  55.             var tempUnit;
  56.             var tempLevel;
  57.             var tempMaxLevel;
  58.             
  59.             if (feelsLikeTemp == 'N/A') feelsLikeTemp = 'NA';
  60.             
  61.             plainTemp = tempPlain;
  62.             
  63.             //*************************************************************
  64.             //*  If multiple temp values are shown, grab the first value  *
  65.             //*************************************************************
  66.             if (tempArray.length > 0) temp = tempArray[0];
  67.             
  68.             //********************************************************************
  69.             //*  Figure out how many red/blue temperature guage bars to display  *
  70.             //********************************************************************
  71.             switch (temp) 
  72.             {    case "N":
  73.                     tempDisplay = "N/A";
  74.                     temp = "NA";
  75.                     thermPercentage = 0
  76.                     
  77.                     break;
  78.                 default:
  79.                     if (temp.indexOf("░F") > -1)
  80.                     {    tempUnit = "F";
  81.                         tempDisplay = temp.replace("F", "");
  82.                         temp = temp.replace("░F", "");
  83.                         
  84.                         tempLevel = parseInt(temp) + 20;
  85.                         tempMaxLevel = 140;
  86.                     }
  87.                     else if (temp.indexOf("░C") > -1)
  88.                     {    tempUnit = "C";
  89.                         tempDisplay = temp.replace("C", "");
  90.                         temp = temp.replace("░C", "");
  91.     
  92.                         tempLevel = parseInt(temp) + 20;
  93.                         tempMaxLevel = 70;
  94.                     }    
  95.                     
  96.                     //*************************************
  97.                     //*  Calculate the thermometer level  *
  98.                     //*************************************
  99.                     if (tempLevel < 0) 
  100.                         tempLevel = 0;
  101.                     else if (tempLevel > tempMaxLevel) 
  102.                         tempLevel = tempMaxLevel;
  103.                             
  104.                     thermPercentage = parseInt((tempLevel / tempMaxLevel) * 100);
  105.                     
  106.             }
  107.  
  108.             tempArray = feelsLikeTemp.split("/");
  109.             if (tempArray.length > 0) feelsLikeTemp = tempArray[0];
  110.  
  111.             document.getElementById("Therm-Bulb-Large-Digit").style.background = "url('../../Images/ThermDigits/Large/" + roundTemperature(temp) + ".png')";
  112.             document.getElementById("Therm-Bulb-Small-Digit").style.background = "url('../../Images/ThermDigits/Small/" + roundTemperature(feelsLikeTemp) + ".png')";
  113.         }
  114.                 
  115.         
  116.         //****************************************************************************************
  117.         //*  The following function will be run each time Weather Watcher reloads the skin file  *
  118.         //****************************************************************************************
  119.         function runLoadProcedures()
  120.         {    loadSkinSettings();
  121.         
  122.             //**************************
  123.             //*  Display alert banner  *
  124.             //**************************
  125.             var alertInfo = document.getElementById("WW-AlertInfo").innerHTML;
  126.             
  127.             if (alertInfo != "N/A")
  128.             {    updateDIVs("WW-AlertBannerText", alertInfo.substring(0,61) + "...");
  129.                 showDIVs("WW-AlertBanner");
  130.             } 
  131.             else 
  132.             {    hideDIVs("WW-AlertBanner");
  133.             }
  134.             
  135.             //*******************************************************
  136.             //*  Figure out how many ticks to fill in on barometer  *
  137.             //*******************************************************
  138.             var barometer = document.getElementById("WW-Barometer").innerHTML;
  139.             var barometerTickCount;
  140.             var barometerText = document.getElementById("WW-Barometer-Text").innerHTML;
  141.             var barometerRate = document.getElementById("WW-Barometer-Rate").innerHTML;
  142.             
  143.             if (isNumeric(barometer) == false)
  144.             {    barometerTickCount = 0;
  145.             }
  146.             else
  147.             {    if (parseFloat(barometer) < 27.5)
  148.                 {    barometerTickCount = 1;
  149.                 }
  150.                 else
  151.                 {    barometerTickCount = Math.round(((parseFloat(barometer) - 27.5) / 4) * 22);
  152.                 }
  153.             }
  154.     
  155.             //*****************************************************
  156.             //*  Figure out barometer tick color                  *
  157.             //*  Red = Falling; Blue = No Change; Green = Rising  * 
  158.             //*****************************************************
  159.             if (isNumeric(barometerRate) == true)
  160.             {    barometerRate = parseFloat(barometerRate);
  161.             
  162.                 if (barometerRate < 0) barometerColor = "Red";
  163.                 else if (barometerRate > 0) barometerColor = "Green";
  164.                 else barometerColor = "Blue";
  165.             }
  166.             else
  167.             {    if (barometerText.indexOf("falling") > -1) barometerColor = "Red";
  168.                 else if (barometerText.indexOf("rising") > -1) barometerColor = "Green";
  169.                 else barometerColor = "Blue";
  170.             }
  171.             
  172.             document.getElementById("WW-BarometerGauge-Image").src = "../../Images/Barometer/" + barometerColor + "/" + barometerTickCount + ".gif";
  173.             document.getElementById("WW-BarometerGauge-Text").innerHTML= document.getElementById("WW-Barometer-Plain-Text").innerHTML;
  174.     
  175.             //*************************************
  176.             //*  Format and set the station name  *
  177.             //*************************************
  178.             var station = document.getElementById("WW-Station-Source").innerHTML;     
  179.             station = station.replace('(','\(').replace(')','\)');     
  180.             if (station.length > 60) station = station.substring(0, 60) + "...";
  181.             station = "<STRONG STYLE=\"color:#FFF; font-size:13px;\">" + station.replace("(","</STRONG>(");
  182.             updateDIVs("WW-Station-Name", station);
  183.             
  184.             //********************************************
  185.             //*  Format and set the updated time stamps  *
  186.             //********************************************
  187.             updateDIVs("WW-Updated-Replaced", (document.getElementById("WW-Updated-Source").innerHTML).replace('Observed','Updated'));
  188.         
  189.             //**************************
  190.             //*  Update the map image  *
  191.             //**************************
  192.             var mapImage = "file:///" + document.getElementById("WW-Skin-Path").innerHTML + "map.jpg";
  193.             
  194.             if (imageExists(mapImage) == true)
  195.             {    document.getElementById("WW-Map-Image").src = mapImage + '?' + getUniqueNumber;
  196.             }
  197.             
  198.             //***********************
  199.             //*  Splendid tooltips  *
  200.             //***********************
  201.             NiceTitles.autoCreated = new Object();
  202.             
  203.             NiceTitles.autoCreated.anchors = new NiceTitles("<p class=\"titletext\">attr(nicetitle)</p>", 400);
  204.             NiceTitles.autoCreated.images = new NiceTitles("<p class=\"titletext\">attr(nicetitle)</p>", 600);
  205.                         
  206.             NiceTitles.autoCreated.anchors.addElements(document.getElementsByTagName("div"), "title");
  207.             NiceTitles.autoCreated.images.addElements(document.getElementsByTagName("img"), "title"); 
  208.         }                    
  209.     </SCRIPT>
  210.     
  211.     <DIV STYLE="border:solid 1px #4C5054; height:100%;">
  212.     <DIV STYLE="border:solid 1px #C9C7C7; height:100%;">
  213.         <!-- Splendid settings window  -->
  214.         <DIV ID="WW-SettingsOverlay" STYLE="position:absolute; top:0px; left:0px; z-index:1000; width:110%; height:110%; display:none;" ONMOUSEDOWN="hideSettings();"><IMG CLASS="PNG" SRC="../../Images/SettingsOverlay.png" STYLE="height:100%; width:100%;"></DIV> 
  215.         
  216.         <DIV ID="WW-Settings" STYLE="border:1px solid #000; position:absolute; display:none; z-index:1001; background-color: #FFF; width:320px;">     
  217.             <DIV STYLE="background: url('../../Images/BarBackground.gif') bottom repeat-x; border:solid 1px #4C5054; height:24px;"></DIV>
  218.             <DIV STYLE="padding:15px; border:solid 1px #4C5054; border-top:0px; border-bottom:0px;">
  219.                 <FORM NAME="SplendidOptionsForm" STYLE="margin-top: 0px; margin-bottom: 0px;">
  220.                     <DIV STYLE="font:bold; color:#838383;">Map Zoom Level <EM STYLE="font-weight:normal;">(US maps only)</EM>:</DIV>
  221.                     <INPUT TYPE="radio" NAME="MapZoomLevel" VALUE="1">1   <INPUT TYPE="radio" NAME="MapZoomLevel" VALUE="2">2   <INPUT TYPE="radio" NAME="MapZoomLevel" VALUE="5">3   <INPUT TYPE="radio" NAME="MapZoomLevel" VALUE="6">4   <INPUT TYPE="radio" NAME="MapZoomLevel" VALUE="7">5<BR>
  222.                     <BR>
  223.                     <DIV STYLE="font:bold; color:#838383;">News Bar:</DIV>
  224.                     <INPUT TYPE="radio" NAME="NewsBar" VALUE="Show"> Show   <INPUT TYPE="radio" NAME="NewsBar" VALUE="Hide"> Hide<BR>
  225.                     <BR>
  226.                     <DIV STYLE="font:bold; color:#838383;">Slider Display:</DIV>
  227.                     <INPUT TYPE="radio" NAME="SlideDisplay" VALUE="Days"> Days   <INPUT TYPE="radio" NAME="SlideDisplay" VALUE="Hours"> Hours   <INPUT TYPE="radio" NAME="SlideDisplay" VALUE="Moons"> Moons<BR>
  228.                     <BR>
  229.                     <DIV STYLE="font:bold; color:#838383;">Thermometer Color:</DIV>
  230.                     <INPUT TYPE="radio" NAME="ThermometerColor" VALUE="Blue"> Blue<BR>
  231.                     <INPUT TYPE="radio" NAME="ThermometerColor" VALUE="Red"> Red<BR>
  232.                     <INPUT TYPE="radio" NAME="ThermometerColor" VALUE="BlueRed"> Red <EM>(above freezing)</EM> & Blue <EM>(freezing)</EM><BR>
  233.                     <INPUT TYPE="radio" NAME="ThermometerColor" VALUE="RedBlue"> Blue <EM>(above freezing)</EM> & Red <EM>(freezing)</EM><BR>
  234.                     <BR>
  235.                     <DIV STYLE="font:bold; color:#838383;">Wind Gauge Arrow:</DIV>
  236.                     <INPUT TYPE="radio" NAME="WindArrow" VALUE="Standard"> Point in direction wind is blowing toward<BR>
  237.                     <INPUT TYPE="radio" NAME="WindArrow" VALUE="Reverse"> Point in direction wind is blowing from<BR>
  238.                 </FORM>
  239.             </DIV>
  240.             <DIV ALIGN="right" STYLE="border:solid 1px #4C5054; border-top:0px; background:#DAD5CA;">
  241.                 <DIV STYLE="padding:8px; border-top:solid 1px #CBC6BC;">
  242.                     <INPUT TYPE="button" VALUE="   OK   " ONMOUSEDOWN="hideSettings(); setRunAction('SaveSkinSettings');"> <INPUT TYPE="button" VALUE="Cancel" ONMOUSEDOWN="hideSettings();">
  243.                 </DIV>
  244.             </DIV>
  245.         </DIV>
  246.         <!-- Splendid settings window  -->
  247.     
  248.  
  249.         <!-- Window top bar -->
  250.         <DIV STYLE="position:absolute; z-index:20; top:2; right:expression(pnWidth+2+'px'); padding-left:31px; width:100%;">
  251.             <DIV ID="WW-DragWindow" ALIGN="right" STYLE="background: url('../../Images/BarBackground.gif') bottom repeat-x; border:solid 1px #4C5054; padding: 4px 3px 6px 0px; cursor:url('../../Cursors/Drag.cur'), default;" ONMOUSEDOWN="setRunAction('WindowDrag');">
  252.                 <IMG CLASS="PNG" SRC="../../Images/WWL.png" WIDTH="126" HEIGHT="13" ONDRAG="return false"><BR>
  253.             </DIV>
  254.             <DIV STYLE="border-bottom:solid 1px #AEA89A;">
  255.                 <DIV STYLE="background-color: #B9B09D; border-bottom:solid 1px #A19886;">
  256.                     <IMG SRC="../../Images/Blank.gif" HEIGHT="9px" WIDTH="0px"><BR>            
  257.                 </DIV>
  258.             </DIV>
  259.         </DIV>
  260.         <!-- Window top bar -->
  261.         
  262.         
  263.         <!-- Top buttons -->
  264.         <DIV STYLE="position:absolute; z-index:35; top:13; left:34;">
  265.             <IMG ID="WW-ButtonUpdate" SRC="../../Images/Top/Buttons/Update.gif" WIDTH="65" HEIGHT="24" ALT="Update Weather" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('RetrieveWeather');" ONDRAG="return false"><BR>
  266.         </DIV>
  267.         <DIV STYLE="position:absolute; z-index:35; top:13; left:100;">
  268.             <IMG ID="WW-ButtonCurrent" SRC="../../Images/Top/Buttons/Now.gif" WIDTH="46" HEIGHT="24" ALT="Show Current Conditions" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('ShowCurrent');" ONDRAG="return false"><BR>
  269.         </DIV>
  270.         <DIV STYLE="position:absolute; z-index:35; top:13; left:147;">
  271.             <IMG ID="WW-ButtonHourly" SRC="../../Images/Top/Buttons/Hourly.gif" WIDTH="66" HEIGHT="24" ALT="Show Hourly Forecast" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('ShowHourly');" ONDRAG="return false"><BR>
  272.         </DIV>
  273.         <DIV STYLE="position:absolute; z-index:35; top:13; left:214;">
  274.             <IMG ID="WW-ButtonDaily" SRC="../../Images/Top/Buttons/Daily.gif" WIDTH="51" HEIGHT="24" ALT="Show Daily Forecast" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('ShowDaily');" ONDRAG="return false"><BR>
  275.         </DIV>    
  276.         <DIV STYLE="position:absolute; z-index:35; top:13; left:266;">
  277.             <IMG ID="WW-ButtonMaps" SRC="../../Images/Top/Buttons/Maps.gif" WIDTH="51" HEIGHT="24" ALT="Show Maps" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('ShowMapMenu');" ONDRAG="return false"><BR>
  278.         </DIV>
  279.         <DIV STYLE="position:absolute; z-index:35; top:13; left:318;">
  280.             <IMG ID="WW-ButtonAlerts" SRC="../../Images/Top/Buttons/Alerts.gif" WIDTH="61" HEIGHT="24" ALT="Open Severe Alerts" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('ShowAlerts');" ONDRAG="return false"><BR>
  281.         </DIV>
  282.         <DIV STYLE="position:absolute; z-index:35; top:13; left:380;">
  283.             <IMG ID="WW-ButtonOptions" SRC="../../Images/Top/Buttons/Options.gif" WIDTH="71" HEIGHT="24" ALT="Open Weather Watcher Live Options" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('ShowOptions');" ONDRAG="return false"><BR>
  284.         </DIV>
  285.         <DIV STYLE="position:absolute; z-index:35; top:13; left:452;">
  286.             <IMG ID="WW-ButtonMinimize" SRC="../../Images/Top/Buttons/Minimize.gif" WIDTH="28" HEIGHT="24" ALT="Minimize Weather Watcher Live" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEDOWN="setRunAction('WindowMinimize');" ONDRAG="return false"><BR>
  287.         </DIV>
  288.         <!-- Top buttons -->
  289.             
  290.             
  291.         <!-- Thermometer -->
  292.         <DIV STYLE="background: url('../../Images/ThermShade.gif') top; width:31px; position:absolute; z-index:30; top:2; left:2; height:100%; border:solid 1px #B6B6B6;"></DIV>
  293.         <DIV ID="WW-Thermometer-Fill" STYLE="background: url('../../Images/ThermTopRed.png') bottom; width:31px; position:absolute; z-index:34; left:2; bottom:expression(pnHeight+117+'px'); height:expression((this.parentNode.offsetHeight-117)*thermPercentage/100+'px'); border-top:solid #B6B6B6 1px;"></DIV>
  294.         <DIV STYLE="position:absolute; z-index:40; left:0; bottom:expression(pnHeight+2+'px'); border-left:solid 1px #4C5054;">
  295.             <DIV STYLE="border-left:solid 1px #C9C7C7;"><IMG ID="WW-Thermometer-Bulb" CLASS="PNG" SRC="../../Images/ThermBulbRed.png" WIDTH="73px" HEIGHT="115px"><BR></DIV>
  296.         </DIV>
  297.         <DIV ID="Therm-Bulb-Large-Digit" CLASS="PNG" STYLE="background: url('../../Images/ThermDigits/Large/NA.png') no-repeat; position:absolute; z-index:60; width:61px; height:25px; left:8; bottom:expression(pnHeight+29+'px');"></DIV>
  298.         <DIV ID="Therm-Bulb-Small-Digit" CLASS="PNG" STYLE="background: url('../../Images/ThermDigits/Small/NA.png') no-repeat; position:absolute; z-index:60; width:48px; height:18px; left:17; bottom:expression(pnHeight+10+'px');"></DIV>
  299.         <!-- Thermometer -->
  300.     
  301.     
  302.         <!-- WeatherBug Logo -->
  303.         <DIV ID="WeatherBug-Logo" STYLE="position:absolute; z-index:24; top:290; right:expression(pnWidth+42+'px'); display:none;">
  304.             <IMG CLASS="PNG" SRC="../../Images/WeatherBug.png" WIDTH="27" HEIGHT="29" ALT="WeatherBug" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONDRAG="return false" ONMOUSEDOWN="setRunAction('LaunchWeatherBug');"><BR>
  305.         </DIV>
  306.         <!-- WeatherBug Logo -->
  307.         
  308.         
  309.         <!-- Bottom Area -->
  310.         <DIV STYLE="background-color:#B9B09D; position:absolute; z-index:24; width:100%; height:30px; left:2; bottom:expression(pnHeight+'px'); border-bottom:solid 1px #4C5054;">
  311.             <DIV STYLE="height:100%; width:100%; border-bottom:solid 1px #C9C7C7; padding-left:80px; padding-top: 4px;">
  312.                 <IMG ID="WW-NewsMenuImg" SRC="../../Images/Links/NewsOff.gif" WIDTH="47" HEIGHT="20" ONMOUSEOVER="this.src='../../Images/Links/NewsOn.gif'; showMenu('WW-NewsMenu');" ONMOUSEOUT="newsMenuOpen=false; closeMenu('WW-NewsMenu');">
  313.                 <IMG ID="WW-HealthMenuImg" SRC="../../Images/Links/HealthOff.gif" WIDTH="59" HEIGHT="20" ONMOUSEOVER="this.src='../../Images/Links/HealthOn.gif'; showMenu('WW-HealthMenu');" ONMOUSEOUT="healthMenuOpen=false; closeMenu('WW-HealthMenu');">
  314.                 <IMG ID="WW-VideosMenuImg" SRC="../../Images/Links/VideosOff.gif" WIDTH="59" HEIGHT="20" ONMOUSEOVER="this.src='../../Images/Links/VideosOn.gif'; showMenu('WW-VideosMenu');" ONMOUSEOUT="videosMenuOpen=false; closeMenu('WW-VideosMenu');">
  315.                 <IMG ID="WW-PhotosMenuImg" SRC="../../Images/Links/PhotosOff.gif" WIDTH="63" HEIGHT="20" ONMOUSEOVER="this.src='../../Images/Links/PhotosOn.gif'; showMenu('WW-PhotosMenu');" ONMOUSEOUT="photosMenuOpen=false; closeMenu('WW-PhotosMenu');">
  316.                 <IMG ID="WW-CamerasMenuImg" SRC="../../Images/Links/CamerasOff.gif" WIDTH="74" HEIGHT="20" ONMOUSEOVER="this.src='../../Images/Links/CamerasOn.gif'; showMenu('WW-CamerasMenu');" ONMOUSEOUT="camerasMenuOpen=false; closeMenu('WW-CamerasMenu');">
  317.                 <IMG ID="WW-SettingsMenuImg" SRC="../../Images/Links/SettingsOff.gif" WIDTH="73" HEIGHT="20" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONMOUSEOVER="if (document.getElementById('WW-SettingsOverlay').style.display == 'none') {this.src='../../Images/Links/SettingsOn.gif'; hideAllMenus();}" ONMOUSEOUT="this.src='../../Images/Links/SettingsOff.gif';" ONMOUSEDOWN="this.src='../../Images/Links/SettingsOff.gif'; showSettings();">
  318.             </DIV>
  319.         </DIV>
  320.         <DIV STYLE="background-color:#B9B09D; position:absolute; z-index:26; width:10px; height:55px; right:expression(pnWidth+'px'); bottom:expression(pnHeight+30+'px'); border-right:solid 1px #4C5054;">
  321.             <DIV STYLE="border-right:solid 1px #C9C7C7; height:100%; width:100%;">
  322.                 <IMG ID="SliderEnd" SRC="../../Images/Slider/SliderEnd.gif" WIDTH="2" HEIGHT="75" STYLE="display:none;"><BR>
  323.             </DIV>
  324.         </DIV>        
  325.         <DIV STYLE="background-color:#AEA89A; position:absolute; z-index:22; height:2px; width:100%; right:expression(pnWidth+11+'px'); bottom:expression(pnHeight+30+'px'); border-right:solid 1px #A39A89; border-bottom:solid 1px #A39A89;">
  326.             <IMG SRC="../../Images/Blank.gif" WIDTH="0" HEIGHT="1"><BR>
  327.         </DIV>    
  328.         <!-- Bottom Area -->
  329.         
  330.         
  331.         <!-- Bottom Links -->
  332.         <DIV ID="WW-NewsMenu" STYLE="background-color:#F8F8F8; position:absolute; z-index:900; left:81px; bottom:expression(pnHeight+26+'px'); border:solid 1px #A39A89; display:none;" ONMOUSEOVER="newsMenuOpen=true;" ONMOUSEOUT="newsMenuOpen=false; closeMenu('WW-NewsMenu');">
  333.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default; font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; newsMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; newsMenuOpen=false; closeMenu('WW-NewsMenu');" ONMOUSEDOWN="newsMenuOpen=false; closeMenu('WW-NewsMenu',true); setRunAction('LaunchTopStories');">Top Stories</DIV>
  334.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; newsMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; newsMenuOpen=false; closeMenu('WW-NewsMenu');" ONMOUSEDOWN="newsMenuOpen=false; closeMenu('WW-NewsMenu',true); setRunAction('LaunchNewsArchives');">News Archives</DIV>
  335.             </SPAN>
  336.         </DIV>
  337.         
  338.         <DIV ID="WW-HealthMenu" STYLE="background-color:#F8F8F8; position:absolute; z-index:900; left:132px; bottom:expression(pnHeight+26+'px'); border:solid 1px #A39A89; display:none;" ONMOUSEOVER="healthMenuOpen=true;" ONMOUSEOUT="healthMenuOpen=false; closeMenu('WW-HealthMenu');">
  339.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default; font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; healthMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; healthMenuOpen=false; closeMenu('WW-HealthMenu');" ONMOUSEDOWN="healthMenuOpen=false; closeMenu('WW-HealthMenu',true); setRunAction('LaunchAirQuality');">Air Quality</DIV>
  340.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; healthMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; healthMenuOpen=false; closeMenu('WW-HealthMenu');" ONMOUSEDOWN="healthMenuOpen=false; closeMenu('WW-HealthMenu',true); setRunAction('LaunchPollenCount');">Pollen Count</DIV>
  341.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; healthMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; healthMenuOpen=false; closeMenu('WW-HealthMenu');" ONMOUSEDOWN="healthMenuOpen=false; closeMenu('WW-HealthMenu',true); setRunAction('LaunchUVIndex');">UV Index</DIV>
  342.             </SPAN>
  343.         </DIV>
  344.         
  345.         <DIV ID="WW-VideosMenu" STYLE="background-color:#F8F8F8; position:absolute; z-index:900; left:195px; bottom:expression(pnHeight+26+'px'); border:solid 1px #A39A89; display:none;" ONMOUSEOVER="videosMenuOpen=true;" ONMOUSEOUT="videosMenuOpen=false; closeMenu('WW-VideosMenu');">
  346.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default; font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; videosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; videosMenuOpen=false; closeMenu('WW-VideosMenu');" ONMOUSEDOWN="videosMenuOpen=false; closeMenu('WW-VideosMenu',true); setRunAction('LaunchLiveLocalForecast');">Live Local Forecast</DIV>
  347.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; videosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; videosMenuOpen=false; closeMenu('WW-VideosMenu');" ONMOUSEDOWN="videosMenuOpen=false; closeMenu('WW-VideosMenu',true); setRunAction('LaunchNationalOutlook');">National Outlook</DIV>
  348.             <DIV STYLE="border: solid 3px #F8F8F8; border-left:solid 7px #F8F8F8; border-right:solid 7px #F8F8F8; background-color:#A39A89;" ONMOUSEOVER="videosMenuOpen=true;"><IMG SRC="../../Images/Blank.gif" WIDTH="0" HEIGHT="1"><BR></DIV>
  349.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; videosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; videosMenuOpen=false; closeMenu('WW-VideosMenu');" ONMOUSEDOWN="videosMenuOpen=false; closeMenu('WW-VideosMenu',true); setRunAction('LaunchCommunityVideos');">Community Videos</DIV>
  350.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; videosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; videosMenuOpen=false; closeMenu('WW-VideosMenu');" ONMOUSEDOWN="videosMenuOpen=false; closeMenu('WW-VideosMenu',true); setRunAction('LaunchYouCasterVideoForecasts');">youCaster Video Forecasts</DIV>
  351.             </SPAN>
  352.         </DIV>
  353.         
  354.         <DIV ID="WW-PhotosMenu" STYLE="background-color:#F8F8F8; position:absolute; z-index:900; left:258px; bottom:expression(pnHeight+26+'px'); border:solid 1px #A39A89; display:none;" ONMOUSEOVER="photosMenuOpen=true;" ONMOUSEOUT="photosMenuOpen=false; closeMenu('WW-PhotosMenu');">
  355.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default; font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; photosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; photosMenuOpen=false; closeMenu('WW-PhotosMenu');" ONMOUSEDOWN="photosMenuOpen=false; closeMenu('WW-PhotosMenu',true); setRunAction('LaunchRecentPhotos');">Recent Photos</DIV>
  356.             <DIV STYLE="border: solid 3px #F8F8F8; border-left:solid 7px #F8F8F8; border-right:solid 7px #F8F8F8; background-color:#A39A89;" ONMOUSEOVER="photosMenuOpen=true;"><IMG SRC="../../Images/Blank.gif" WIDTH="0" HEIGHT="1"><BR></DIV>
  357.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; photosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; photosMenuOpen=false; closeMenu('WW-PhotosMenu');" ONMOUSEDOWN="photosMenuOpen=false; closeMenu('WW-PhotosMenu',true); setRunAction('LaunchMostPopularPhotos');">Most Popular Photos</DIV>
  358.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; photosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; photosMenuOpen=false; closeMenu('WW-PhotosMenu');" ONMOUSEDOWN="photosMenuOpen=false; closeMenu('WW-PhotosMenu',true); setRunAction('LaunchMostSharedPhotos');">Most Shared Photos</DIV>
  359.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; photosMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; photosMenuOpen=false; closeMenu('WW-PhotosMenu');" ONMOUSEDOWN="photosMenuOpen=false; closeMenu('WW-PhotosMenu',true); setRunAction('LaunchMostViewedPhotos');">Most Viewed Photos</DIV>
  360.             </SPAN>
  361.         </DIV>
  362.         
  363.         <DIV ID="WW-CamerasMenu" STYLE="background-color:#F8F8F8; position:absolute; z-index:900; left:325px; bottom:expression(pnHeight+26+'px'); border:solid 1px #A39A89; display:none;" ONMOUSEOVER="camerasMenuOpen=true;" ONMOUSEOUT="camerasMenuOpen=false; closeMenu('WW-CamerasMenu');">
  364.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default; font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchLocalCameras');">Local Cameras</DIV>
  365.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchLocalCameraMap');">Local Camera Map</DIV>
  366.             <DIV STYLE="border: solid 3px #F8F8F8; border-left:solid 7px #F8F8F8; border-right:solid 7px #F8F8F8; background-color:#A39A89;" ONMOUSEOVER="camerasMenuOpen=true;"><IMG SRC="../../Images/Blank.gif" WIDTH="0" HEIGHT="1"><BR></DIV>
  367.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383';camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchFeaturedCameras');">Featured Cameras</DIV>
  368.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383';camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchSeasonalCameras');">Seasonal Cameras</DIV>
  369.             <DIV STYLE="border: solid 3px #F8F8F8; border-left:solid 7px #F8F8F8; border-right:solid 7px #F8F8F8; background-color:#A39A89;" ONMOUSEOVER="camerasMenuOpen=true;"><IMG SRC="../../Images/Blank.gif" WIDTH="0" HEIGHT="1"><BR></DIV>
  370.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383';camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchBeachCameras');">Beach Cameras</DIV>
  371.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383';camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchCityCameras');">City Cameras</DIV>
  372.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383';camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchMountainCameras');">Mountain Cameras</DIV>
  373.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; border-bottom:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF';camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383';camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchNationalParkCameras');">National Park Cameras</DIV>
  374.             <DIV STYLE="padding:3px 7px 3px 7px; border:solid 2px #F8F8F8; border-top:0px; cursor:url('../../Cursors/Icon.cur'), default;  font:bold; color:#838383;" ONMOUSEOVER="this.style.backgroundColor='#63B3D0'; this.style.color='#FFF'; camerasMenuOpen=true;" ONMOUSEOUT="this.style.backgroundColor='#F8F8F8'; this.style.color='#838383'; camerasMenuOpen=false; closeMenu('WW-CamerasMenu');" ONMOUSEDOWN="camerasMenuOpen=false; closeMenu('WW-CamerasMenu',true); setRunAction('LaunchStadiumCameras');">Stadium Cameras</DIV>
  375.             </SPAN>
  376.         </DIV>        
  377.         <!-- Bottom Links -->
  378.         
  379.         
  380.         <!-- Gauges -->
  381.         <DIV ID="WW-Gauges" STYLE="position:absolute; z-index:20; height:100%; right:expression(pnWidth+15+'px'); top:20px; display:none;">
  382.             <DIV ID="WW-WindGauge-Container" STYLE="height:117px; width:115px;">
  383.                 <DIV ID="WW-WindGauge" STYLE="background: url('../../Images/Wind/NA.gif'); position:absolute; left:8px; top:12px; height:117px; width:115px; z-index:4;"><IMG ID="WW-WindGauge-Image" SRC="../../Images/Wind/NA.gif" STYLE="height:117px; width:115px;"></DIV>
  384.                 <DIV ID="WW-WindGauge-Text" ALIGN="center" STYLE="position:absolute; left:30px; top:63px; z-index:5; width:71px; font:bold; color:#FFF; cursor:default;">0</DIV>
  385.             </DIV>            
  386.             
  387.             <DIV ID="WW-BarometerGauge-Container" STYLE="height:117px; width:115px;">
  388.                 <DIV ID="WW-BarometerGauge" STYLE="background: url('../../Images/Barometer/Barometer.gif'); position:absolute; left:8px; top:129px; height:117px; width:115px; z-index:4;" TITLE="<SPAN STYLE='color:#128517;'>Green</SPAN> = Rising<BR><SPAN STYLE='color:#0037C4;'>Blue</SPAN> = Steady<BR><SPAN STYLE='color:#C42905;'>Red</SPAN> = Falling"><IMG ID="WW-BarometerGauge-Image" SRC="../../Images/Barometer/Barometer.gif" STYLE="height:117px; width:115px;"></DIV>
  389.                 <DIV ID="WW-BarometerGauge-Text" ALIGN="center" STYLE="position:absolute; left:30px; top:181px; z-index:5; width:71px; font:bold; color:#FFF; cursor:default;">0</DIV>
  390.             </DIV>
  391.             
  392.             <DIV ID="Gauge-Bottom" STYLE="background: url('../../Images/GaugeBottom.gif'); width:61px; height:1000px; position:absolute; z-index:2; width:61px; left:60px; top:244px;"></DIV>
  393.             <DIV ID="Gauge-Background" STYLE="position:absolute; z-index:1; height:100%; background-color:#B9B09D; width:40px; right:expression(gaugeBackgroundWidth+'px'); top:15px;"></DIV>
  394.         </DIV>
  395.         <!-- Gauges -->
  396.         
  397.                 
  398.         <!-- Right Border -->
  399.         <DIV ID="Right-Border" STYLE="display:none; position:absolute; z-index:21; height:100%; background-color:#B9B09D; width:11px; right:expression(pnWidth+2+'px'); top:36px;">
  400.             <DIV STYLE="background-color: #AEA89A; width:2px; border-top: solid 1px #A19886; border-right: solid 1px #A19886; height:100%;">
  401.                 <IMG SRC="../../Images/Blank.gif" WIDTH="1" HEIGHT="0"><BR>
  402.             </DIV>
  403.         </DIV>
  404.         <!-- Right Border -->
  405.         
  406.         
  407.         
  408.         
  409.         
  410.         <!-- News Bar -->
  411.         <DIV ID="WW-News-Bar">
  412.             <DIV ID="WW-News-Bar-Top" STYLE="position:absolute; z-index:22; right:expression(pnWidth+30+'px'); bottom:expression(pnHeight+143+'px');">
  413.                 <DIV STYLE="height:27px; padding-left:50px; padding-right:20px;">
  414.                     <DIV STYLE="border:solid #D3D89B 1px; height:29px;">    
  415.                         <DIV STYLE="width:100%; padding:4px; background-color:#FAFAD2; border:solid #E7ECA9 1px; position:absolute; z-index:23; height: 27px;">        
  416.                             <DIV STYLE="position:absolute; left:4px;" ID="WW-NewsStoryLink"></DIV>
  417.                             <DIV STYLE="position:absolute; right:4px;"><A HREF="#" ONMOUSEDOWN="setRunAction('GetPreviousNewsLink');"><A HREF="#" ONMOUSEDOWN="setRunAction('GetPreviousNewsLink');"><IMG SRC="../../Images/ArrowLeft.gif" WIDTH="15" HEIGHT="15"></A> <A HREF="#" ONMOUSEDOWN="setRunAction('GetNextNewsLink');"><IMG SRC="../../Images/ArrowRight.gif" WIDTH="15" HEIGHT="15"></A></DIV>
  418.                         </DIV>
  419.                     </DIV>
  420.                 </DIV>            
  421.             </DIV>
  422.             <DIV STYLE="border-top: solid #D7D6D6 1px; position:absolute; z-index:21; right:expression(pnWidth+30+'px'); bottom:expression(pnHeight+104+'px');">
  423.                 <DIV STYLE="background-color:#EFEFEF; height:45px; border-top:solid #E1E0E0 1px;"><DIV CLASS="WW-Updated" STYLE="color:#6E6E6E; padding-left:40px; padding-top:10px;">[UPDATED]</DIV></DIV>            
  424.             </DIV>
  425.         </DIV>
  426.         <!-- News Bar -->
  427.     
  428.     
  429.  
  430.         <!-- Slider -->    
  431.         <DIV ID="SliderDIV" STYLE="height:73px; background: url('../../Images/Slider/SliderBackground.gif') top left; display:none; position:absolute; z-index:25; left:32; width:100%; bottom:expression(pnHeight+30+'px'); border:solid 1px #4A8797; display:none;" ONMOUSEDOWN="dragStart(event, 'SliderDIV')">
  432.             <DIV ID="WW-Slider-Content" STYLE="height:73px; padding:3px 3px 3px 44px; border:solid 1px #FFF; cursor:url('../../Cursors/Drag.cur'), default;">
  433.                 <TABLE ID="WW-Hour-Slider" CELLPADDING="0" CELLSPACING="0" STYLE="display:none;">
  434.                 <TR>
  435.                     [HOURLY LOOP COUNT=24]
  436.                     [TEMPLATE]    
  437.                         <TD STYLE="padding: 1px 3px 2px 0px;">                            
  438.                             <DIV STYLE="width:67px; height:62px;" TITLE="<STRONG STYLE='color:#262626;'>[HOURLY HOUR]</STRONG> [HOURLY DAY]<BR><STRONG STYLE='color:#3E6D91;'>[HOURLY CONDITION]</STRONG><BR><IMG SRC='../../Images/Blank.gif' HEIGHT='5px' WIDTH='5px'><BR><STRONG STYLE='color:#64A1D0;'>Temp:</STRONG> [HOURLY TEMP]<BR><STRONG STYLE='color:#64A1D0;'>Feels Like:</STRONG> [HOURLY FEELS]<BR><STRONG STYLE='color:#64A1D0;'>Humidity:</STRONG> [HOURLY HUMIDITY]<BR><STRONG STYLE='color:#64A1D0;'>Dew Point:</STRONG> [HOURLY DEW]<BR><STRONG STYLE='color:#64A1D0;'>Precipitation:</STRONG> [HOURLY PRECIPITATION]<BR><STRONG STYLE='color:#64A1D0;'>Sky Cover:</STRONG> [HOURLY SKY COVER]<BR><STRONG STYLE='color:#64A1D0;'>Wind:</STRONG> [HOURLY WIND FULL]">
  439.                                 <DIV STYLE="position:absolute; z-index:4;"><STRONG STYLE="color:#FFF; text-transform:uppercase; font-size:0.9em;">[HOURLY HOUR]</STRONG></DIV>
  440.                                 <DIV STYLE="position:absolute; z-index:5;"><IMG SRC="../../Images/Slider/Frame/[HOURLY TEMP SINGLE PLAIN WHOLE].png" STYLE="width:67px; height:62px;" ONDRAG="return false"></DIV>
  441.                                 <DIV STYLE="position:absolute; z-index:2; background:url('[HOURLY ICON]') #FFF no-repeat center; top:22px; height:42px; width:50px; margin-left:3px;"></DIV>
  442.                             </DIV>
  443.                         </TD>
  444.                     [/TEMPLATE]
  445.                     [/HOURLY LOOP]
  446.                 </TR>
  447.                 </TABLE>
  448.                 <TABLE ID="WW-Day-Slider" CELLPADDING="0" CELLSPACING="0" STYLE="display:none;">
  449.                 <TR>
  450.                     [DAILY LOOP COUNT=*]
  451.                     [TEMPLATE]
  452.                         <TD STYLE="padding: 1px 3px 2px 0px;">
  453.                             <DIV STYLE="width:67px; height:62px;" TITLE="<STRONG STYLE='color:#262626;'>[DAILY DAY]</STRONG> [DAILY DATE]<BR><STRONG STYLE='color:#3E6D91;'>[DAILY CONDITION DAY]</STRONG><BR><IMG SRC='../../Images/Blank.gif' HEIGHT='5px' WIDTH='5px'><BR><STRONG STYLE='color:#64A1D0;'>High:</STRONG> [DAILY HI]<BR><STRONG STYLE='color:#64A1D0;'>Precipitation:</STRONG> [DAILY PRECIPITATION DAY]<BR><STRONG STYLE='color:#64A1D0;'>Sunrise:</STRONG> [DAILY SUNRISE AMPM]">
  454.                                 <DIV STYLE="position:absolute; z-index:4;"><STRONG STYLE="color:#FFF; text-transform:uppercase; font-size:0.9em;">[DAILY DAY ABBREV]</STRONG></DIV>
  455.                                 <DIV STYLE="position:absolute; z-index:5;"><IMG SRC="../../Images/Slider/Frame/[DAILY HI SINGLE PLAIN WHOLE].png" STYLE="width:67px; height:62px;" ONDRAG="return false"></DIV>
  456.                                 <DIV STYLE="position:absolute; z-index:2; background:url('[DAILY ICON DAY]') #FFF no-repeat center; top:22px; height:42px; width:50px; margin-left:3px;"></DIV>
  457.                             </DIV>
  458.                         </TD>
  459.                     [TEMPLATE]
  460.                     [/TEMPLATE]
  461.                         <TD STYLE="padding: 1px 3px 2px 0px;">
  462.                             <DIV STYLE="width:67px; height:62px;" TITLE="<STRONG STYLE='color:#262626;'>[DAILY NIGHT]</STRONG> [DAILY DATE]<BR><STRONG STYLE='color:#3E6D91;'>[DAILY CONDITION NIGHT]</STRONG><BR><IMG SRC='../../Images/Blank.gif' HEIGHT='5px' WIDTH='5px'><BR><STRONG STYLE='color:#64A1D0;'>Low:</STRONG> [DAILY LO]<BR><STRONG STYLE='color:#64A1D0;'>Precipitation:</STRONG> [DAILY PRECIPITATION NIGHT]<BR><STRONG STYLE='color:#64A1D0;'>Sunset:</STRONG> [DAILY SUNSET AMPM]">
  463.                                 <DIV STYLE="position:absolute; z-index:4;"><STRONG STYLE="color:#FFF; text-transform:uppercase; font-size:0.9em;">[DAILY NIGHT ABBREV]</STRONG></DIV>
  464.                                 <DIV STYLE="position:absolute; z-index:5;"><IMG SRC="../../Images/Slider/Frame/[DAILY LO SINGLE PLAIN WHOLE].png" STYLE="width:67px; height:62px;" ONDRAG="return false"></DIV>
  465.                                 <DIV STYLE="position:absolute; z-index:2; background:url('[DAILY ICON NIGHT]') #FFF no-repeat center; top:22px; height:42px; width:50px; margin-left:3px;"></DIV>
  466.                             </DIV>
  467.                         </TD>
  468.                     [/TEMPLATE]
  469.                     [/DAILY LOOP]
  470.                 </TR>
  471.                 </TABLE>
  472.                 <TABLE ID="WW-Moon-Slider" CELLPADDING="0" CELLSPACING="0" STYLE="display:none;">
  473.                 <TR>
  474.                     [MOON LOOP COUNT=20]
  475.                     [TEMPLATE]
  476.                         <TD STYLE="padding: 1px 3px 2px 0px;">
  477.                             <DIV STYLE="width:67px; height:62px;" TITLE="<STRONG STYLE='color:#262626'>[MOON DAY]</STRONG> [MOON DATE SHORT]<BR><STRONG STYLE='color:#64A1D0'>Moon Phase:</STRONG> [MOON PHASE]<BR><STRONG STYLE='color:#64A1D0'>Illumination:</STRONG> [MOON ILLUMINATION]%">
  478.                                 <DIV STYLE="position:absolute; z-index:4;"><STRONG STYLE="color:#FFF; text-transform:uppercase; font-size:0.9em;">[MOON DAY ABBREV]</STRONG></DIV>
  479.                                 <DIV STYLE="position:absolute; z-index:5;"><IMG SRC="../../Images/Slider/Frame/[MOON ILLUMINATION].png" STYLE="width:67px; height:62px;" ONDRAG="return false"></DIV>
  480.                                 <DIV STYLE="position:absolute; z-index:2; background:url('[MOON ICON]') #FFF no-repeat center; top:22px; height:42px; width:50px; margin-left:3px;"></DIV>
  481.                             </DIV>
  482.                         </TD>
  483.                     [/TEMPLATE]
  484.                     [/MOON LOOP]
  485.                 </TR>
  486.                 </TABLE>
  487.             </DIV>
  488.         </DIV>
  489.         <!-- Slider -->        
  490.                 
  491.         
  492.         <DIV ID="WW-Current-View" STYLE="display:none; z-index:1; position:absolute; bottom:expression(pnHeight+32+'px'); padding-top: 66px; padding-left:31px; padding-right:11px; height:100%; width:100%;">
  493.             <DIV CLASS="WW-AlertBanner" STYLE="display:none; border-top:solid #880E0E 2px; background-color:BF1616; cursor:url('../../Cursors/Icon.cur'), default; width:100%; background-image: url(../../Images/AlertBannerEnd.gif); background-position: right; background-repeat: no-repeat;" ONMOUSEDOWN="setRunAction('ShowAlerts');"><DIV CLASS="WW-AlertBannerText" STYLE="float:left; background-color:#BF1616; padding:4px 5px 4px 5px; color:#F8F1F1; cursor:url('../../Cursors/Icon.cur'), default; font:bold;"></DIV></DIV>
  494.             <DIV STYLE="overflow:auto;">
  495.                 <DIV STYLE="width:100%;"><DIV CLASS="WW-Station-Name" STYLE="color:#FFF; float:left; border-top:solid 1px #787870; border-left:solid 1px #787870; background-color:#97978E; padding:2px 30px 6px 10px; cursor:url('../../Cursors/Icon.cur'), default; background: #97978E url('../../Images/LocationCorner.gif') no-repeat bottom right;" ONMOUSEDOWN="setRunAction('ShowStationMenu');"></DIV></DIV>
  496.                 <DIV STYLE=" padding:10px;">
  497.                     <TABLE CELLPADDING="0" CELLSPACING="0"> 
  498.                     <TR>
  499.                         <TD VALIGN="top">
  500.                             [DAILY SEQUENCE LOOP COUNT=2]
  501.                                 [TEMPLATE]
  502.                                     <DIV STYLE="padding-bottom: 5px;">
  503.                                         <TABLE>
  504.                                         <TR>
  505.                                             <TD ROWSPAN="2" VALIGN="top" STYLE="padding-right:5px;">
  506.                                                 <DIV STYLE="border:solid 1px #CCC;"><IMG SRC="[DAILY ICON]" STYLE="border:solid 2px #FFF;"></DIV>
  507.                                                 <DIV><A HREF="#" ONMOUSEDOWN="setRunAction('LaunchDailyForecast');" STYLE="color:#0000CC; font-size:12px;">More</A></DIV>
  508.                                             </TD>
  509.                                             <TD VALIGN="top" STYLE="font-size:12px; width:150px; line-height:15px;">
  510.                                                 <DIV><STRONG STYLE="color:#262626;">[DAILY DAY]</STRONG></DIV>
  511.                                                 <DIV STYLE="padding-bottom:4px;"><STRONG STYLE="color:#3E6D91;">[DAILY CONDITION]</STRONG></DIV>
  512.                                                 <DIV><STRONG STYLE="color:#64A1D0;">[DAILY TEMP LABEL]:</STRONG> [DAILY TEMP]</DIV>
  513.                                                 <DIV><STRONG STYLE="color:#64A1D0;">Precipitation:</STRONG> [DAILY PRECIPITATION]</DIV>
  514.                                                 <DIV><STRONG STYLE="color:#64A1D0;">[DAILY SUN LABEL]:</STRONG> [DAILY SUN AMPM]</DIV>
  515.                                             </TD>
  516.                                         </TR>
  517.                                         </TABLE>
  518.                                     </DIV>
  519.                                 [/TEMPLATE]        
  520.                             [/DAILY SEQUENCE LOOP]
  521.                         </TD>
  522.                         <TD VALIGN="top">
  523.                             <DIV STYLE="border:solid 1px #CCC; width:1px;"><IMG ID="WW-Map-Image" SRC="map.jpg" WIDTH="224" STYLE="border:solid 2px #FFF; cursor:url('../../Cursors/Icon.cur'), default;" ONDRAG="return false" ONMOUSEDOWN="setRunAction('LaunchRadarMap');" TITLE="Click to view animated map"></DIV>
  524.                             <DIV ALIGN="right"><A HREF="#" ONMOUSEDOWN="setRunAction('LaunchRadarMap');" STYLE="color:#0000CC; font-size:12px;">Animated Map</A></DIV>
  525.                         </TD>
  526.                     </TR>
  527.                     <TR>
  528.                         <TD COLSPAN="2" VALIGN="top" STYLE="font-size:12px; padding-right:0px; padding-top:10px;">
  529.                             <DIV>
  530.                                 <DIV STYLE="float:left;">
  531.                                     <DIV STYLE="padding:3px 5px 3px 5px;"><A HREF="#" ONMOUSEDOWN="setRunAction('LaunchHistoricalWeather');" STYLE="color:#0000CC; font-size:12px;">Historical Weather</A><BR><IMG SRC="../../Images/Blank.gif" HEIGHT="0" WIDTH="120"></DIV>
  532.                                     <DIV STYLE="border:solid #D7D6D6 1px; border-right:0px;">
  533.                                         <DIV STYLE="border:solid #E2E2E2 1px; border-right:0px;">
  534.                                             <DIV STYLE="background-color:#F6F6F6; padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px;"><STRONG STYLE="color:#696969;">Temperature:</STRONG></DIV>
  535.                                             <DIV STYLE="padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px;"><STRONG STYLE="color:#696969;">Feels Like:</STRONG></DIV>
  536.                                             <DIV STYLE="background-color:#F6F6F6; padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px;"><STRONG STYLE="color:#696969;">Dew Point:</STRONG></DIV>
  537.                                             <DIV STYLE="padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px;"><STRONG STYLE="color:#696969;">Barometer:</STRONG></DIV>
  538.                                             <DIV STYLE="background-color:#F6F6F6; padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px;"><STRONG STYLE="color:#696969;">Humidity:</STRONG></DIV>
  539.                                             <DIV STYLE="padding:3px 5px 3px 5px;"><STRONG STYLE="color:#696969;">Wind:</STRONG></DIV>
  540.                                         </DIV>
  541.                                     </DIV>
  542.                                 </DIV>
  543.                                 <DIV STYLE="float:left;">
  544.                                     <DIV ALIGN="center" STYLE="padding:3px 5px 1px 5px;"><STRONG>Now</STRONG><BR><IMG SRC="../../Images/Blank.gif" HEIGHT="0" WIDTH="70"></DIV>
  545.                                     <DIV STYLE="border:solid #D3D89B 1px;">
  546.                                         <DIV STYLE="border:solid #E7ECA9 1px;">
  547.                                             <DIV ALIGN="center" STYLE="background-color:#FAFAD2; padding:5px 5px 3px 5px; border-bottom:solid #E9E9C3 1px;"><SPAN CLASS="WW-CurrentTemp">[TEMP DEGREE]</SPAN></DIV>
  548.                                             <DIV ALIGN="center" STYLE="background-color:#FAFAD2; padding:3px 5px 3px 5px; border-bottom:solid #E9E9C3 1px;"><SPAN CLASS="WW-CurrentFeelsLikeTemp">[FEELS DEGREE]</SPAN></DIV>
  549.                                             <DIV ALIGN="center" STYLE="background-color:#FAFAD2; padding:3px 5px 3px 5px; border-bottom:solid #E9E9C3 1px;"><SPAN CLASS="WW-CurrentDew">[DEW DEGREE]</SPAN></DIV>
  550.                                             <DIV ALIGN="center" STYLE="background-color:#FAFAD2; padding:3px 5px 3px 5px; border-bottom:solid #E9E9C3 1px;"><SPAN CLASS="WW-CurrentBarometer">[BAROMETER PLAIN]</SPAN></DIV>
  551.                                             <DIV ALIGN="center" STYLE="background-color:#FAFAD2; padding:3px 5px 3px 5px; border-bottom:solid #E9E9C3 1px;><SPAN CLASS="WW-CurrentHumidity">[HUMIDITY]</SPAN></DIV>
  552.                                             <DIV ALIGN="center" STYLE="background-color:#FAFAD2; padding:3px 5px 5px 5px;"><SPAN CLASS="WW-CurrentWindDirection">[WIND DIRECTION]</SPAN> <SPAN CLASS="WW-CurrentWind">[WIND PLAIN]</SPAN></DIV>
  553.                                         </DIV>
  554.                                     </DIV>
  555.                                 </DIV>    
  556.                                 <DIV STYLE="float:left;">
  557.                                     <DIV ALIGN="center" STYLE="padding:3px 5px 3px 5px;"><STRONG>Min</STRONG><BR><IMG SRC="../../Images/Blank.gif" HEIGHT="0" WIDTH="70"></DIV>
  558.                                     <DIV STYLE="border:solid #D7D6D6 1px; border-left:0px; border-right:0px;">
  559.                                         <DIV STYLE="border:solid #E2E2E2 1px; border-left:0px; border-right:0px;">
  560.                                             <DIV ALIGN="center" STYLE="background-color:#F6F6F6; padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px; border-right:solid #EDECEC 1px;"><SPAN CLASS="WW-TempLow">[TEMP LOW DEGREE]</SPAN></DIV>
  561.                                             <DIV ALIGN="center" STYLE="padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px; border-right:solid #EDECEC 1px;">---</DIV>
  562.                                             <DIV ALIGN="center" STYLE="background-color:#F6F6F6; padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px; border-right:solid #EDECEC 1px;">---</DIV>
  563.                                             <DIV ALIGN="center" STYLE="padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px; border-right:solid #EDECEC 1px;"><SPAN CLASS="WW-BarometerLow">[BAROMETER LOW PLAIN]</SPAN></DIV>
  564.                                             <DIV ALIGN="center" STYLE="background-color:#F6F6F6; padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px; border-right:solid #EDECEC 1px;"><SPAN CLASS="WW-HumidityLow">[HUMIDITY LOW]</SPAN></DIV>
  565.                                             <DIV ALIGN="center" STYLE="padding:3px 5px 3px 5px; border-right:solid #EDECEC 1px;">---</DIV>
  566.                                         </DIV>
  567.                                     </DIV>
  568.                                 </DIV>    
  569.                                 <DIV STYLE="float:left;">
  570.                                     <DIV ALIGN="center" STYLE="padding:3px 5px 3px 5px;"><STRONG>Max</STRONG><BR><IMG SRC="../../Images/Blank.gif" HEIGHT="0" WIDTH="70"></DIV>
  571.                                     <DIV STYLE="border:solid #D7D6D6 1px; border-left:0px; border-right:0px;">
  572.                                         <DIV STYLE="border:solid #E2E2E2 1px; border-left:0px; border-right:0px;">
  573.                                             <DIV ALIGN="center" STYLE="background-color:#F6F6F6; padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px; border-right:solid #EDECEC 1px;"><SPAN CLASS="WW-TempHigh">[TEMP HIGH DEGREE]</SPAN></DIV>
  574.                                             <DIV ALIGN="center" STYLE="padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px; border-right:solid #EDECEC 1px;">---</DIV>
  575.                                             <DIV ALIGN="center" STYLE="background-color:#F6F6F6; padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px; border-right:solid #EDECEC 1px;">---</DIV>
  576.                                             <DIV ALIGN="center" STYLE="padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px; border-right:solid #EDECEC 1px;"><SPAN CLASS="WW-BarometerHigh">[BAROMETER HIGH PLAIN]</SPAN></DIV>
  577.                                             <DIV ALIGN="center" STYLE="background-color:#F6F6F6; padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px; border-right:solid #EDECEC 1px;"><SPAN CLASS="WW-HumidityHigh">[HUMIDITY HIGH]</SPAN></DIV>
  578.                                             <DIV ALIGN="center" STYLE="padding:3px 5px 3px 5px; border-right:solid #EDECEC 1px;"><SPAN CLASS="WW-WindGustDirection">[WIND GUST DIRECTION]</SPAN> <SPAN CLASS="WW-WindGust">[WIND GUST PLAIN]</SPAN></DIV>
  579.                                         </DIV>
  580.                                     </DIV>
  581.                                 </DIV>    
  582.                                 <DIV STYLE="float:left;">
  583.                                     <DIV ALIGN="center" STYLE="padding:3px 5px 3px 5px;"><STRONG STYLE="color:#696969;">Rate</STRONG><BR><IMG SRC="../../Images/Blank.gif" HEIGHT="0" WIDTH="70"></DIV>
  584.                                     <DIV STYLE="border:solid #D7D6D6 1px; border-left:0px;">
  585.                                         <DIV STYLE="border:solid #E2E2E2 1px; border-left:0px;">
  586.                                             <DIV ALIGN="center" STYLE="background-color:#F6F6F6; padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px;"><SPAN CLASS="WW-TempRate">[TEMP RATE DEGREE]</SPAN>/hr</DIV>
  587.                                             <DIV ALIGN="center" STYLE="padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px;">---</DIV>
  588.                                             <DIV ALIGN="center" STYLE="background-color:#F6F6F6; padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px;">---</DIV>
  589.                                             <DIV ALIGN="center" STYLE="padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px;"><SPAN CLASS="WW-BarometerRate">[BAROMETER RATE PLAIN]</SPAN>/hr</DIV>
  590.                                             <DIV ALIGN="center" STYLE="background-color:#F6F6F6; padding:3px 5px 3px 5px; border-bottom:solid #EDECEC 1px;"><SPAN CLASS="WW-HumidityRate">[HUMIDITY RATE]</SPAN>/hr</DIV>
  591.                                             <DIV ALIGN="center" STYLE="padding:3px 5px 3px 5px;">---</DIV>
  592.                                         </DIV>
  593.                                     </DIV>
  594.                                 </DIV>    
  595.                             </DIV>
  596.                         </TD>
  597.                     </TR>
  598.                     </TABLE>        
  599.                 </DIV>    
  600.             </DIV>
  601.         </DIV>
  602.         
  603.         
  604.  
  605.         
  606.         
  607.         
  608.         
  609.         
  610.     
  611.     
  612.     
  613.         <DIV ID="WW-Hour-View" STYLE="display:none; z-index:1; position:absolute; bottom:expression(pnHeight+32+'px'); padding-top: 66px; padding-left:31px; padding-right:11px; height:100%; width:100%;">
  614.             <DIV STYLE="height:100%; overflow:auto;">
  615.                 <DIV CLASS="WW-AlertBanner" STYLE="display:none; width:100%;" ONMOUSEDOWN="setRunAction('ShowAlerts');"><DIV CLASS="WW-AlertBannerText" STYLE="float:left; border-top:solid #880E0E 2px; background-color:#BF1616; padding:4px 5px 4px 5px; color:#F8F1F1; cursor:url('../../Cursors/Icon.cur'), default; font:bold;"></DIV><DIV STYLE="float:left; border-top:solid #880E0E 2px; background-color:BF1616; cursor:url('../../Cursors/Icon.cur'), default; background:url(../../Images/AlertBannerEnd.gif) no-repeat; height:24px; width:10px;"></DIV></DIV>
  616.                 <DIV CLASS="WW-Station-Name" STYLE="color:#FFF; float:left; border-top:solid 1px #787870; border-left:solid 1px #787870; background-color:#97978E; padding:2px 30px 6px 10px; cursor:url('../../Cursors/Icon.cur'), default; background: #97978E url('../../Images/LocationCorner.gif') no-repeat bottom right;" ONMOUSEDOWN="setRunAction('ShowStationMenu');"></DIV>
  617.                 <DIV STYLE="float:right; padding:5px 5px 0px 0px;"><IMG CLASS="PNG" SRC="../../Images/WeatherBug.png" WIDTH="27" HEIGHT="29" ALT="WeatherBug" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONDRAG="return false" ONMOUSEDOWN="setRunAction('LaunchWeatherBug');"></DIV>
  618.                 <DIV STYLE="padding:38px 3px 0px 3px;">
  619.                     [HOURLY LOOP COUNT=*]
  620.                     [TEMPLATE]
  621.                         <DIV STYLE="background: url('../../Images/HourlyBack.gif') repeat-x; padding:8px; border-top:solid #C5D4DC 1px;">
  622.                             <TABLE> 
  623.                             <TR>
  624.                                 <TD VALIGN="top" STYLE="padding-right:5px;"><DIV STYLE="border:solid 1px #CCC;"><IMG SRC="[HOURLY ICON]" STYLE="border:solid 2px #FFF; background-color:#FFF;"></SPAN></TD>
  625.                                 <TD VALIGN="top" STYLE="font-size:12px; width:155px; line-height:15px;">
  626.                                     <STRONG STYLE="color:#262626;">[HOURLY HOUR]</STRONG> [HOURLY DAY]<BR>
  627.                                     <STRONG STYLE="color:#3E6D91;">[HOURLY CONDITION]</STRONG><BR>
  628.                                     <STRONG STYLE="color:#64A1D0;">Temp:</STRONG> [HOURLY TEMP]<BR>
  629.                                     <STRONG STYLE="color:#64A1D0;">Feels Like:</STRONG> [HOURLY FEELS]<BR>
  630.                                 </TD>
  631.                                 <TD VALIGN="top" STYLE="font-size:12px; width:155px; line-height:15px;">
  632.                                     <STRONG STYLE="color:#64A1D0;">Humidity:</STRONG> [HOURLY HUMIDITY]<BR>
  633.                                     <STRONG STYLE="color:#64A1D0;">Precipitation:</STRONG> [HOURLY PRECIPITATION]<BR>
  634.                                     <STRONG STYLE="color:#64A1D0;">Sky Cover:</STRONG> [HOURLY SKY COVER]<BR>
  635.                                 </TD>
  636.                                 <TD VALIGN="top" STYLE="font-size:12px; line-height:15px;">
  637.                                     <STRONG STYLE="color:#64A1D0;">Dew Point:</STRONG> [HOURLY DEW]<BR>
  638.                                     <STRONG STYLE="color:#64A1D0;">Wind:</STRONG> [HOURLY WIND FULL]<BR>                                
  639.                                 </TD>
  640.                             </TR>
  641.                             </TABLE>        
  642.                         </DIV>
  643.                     [/TEMPLATE]        
  644.                     [/HOURLY LOOP]
  645.                 </DIV>
  646.                 <DIV STYLE="padding-top:15px;">
  647.                     <DIV STYLE="border-top:solid #D7D6D6 1px;">
  648.                         <DIV CLASS="WW-Updated-Replaced" STYLE="padding:8px 0px 10px 45px; background-color:#EFEFEF; border:solid 1px #E1E0E0; color:#6E6E6E;"></DIV>
  649.                     </DIV>
  650.                 </DIV>
  651.             </DIV>
  652.         </DIV>
  653.         
  654.         
  655.         <DIV ID="WW-Day-View" STYLE="display:none; z-index:1; position:absolute; bottom:expression(pnHeight+32+'px'); padding-top: 66px; padding-left:31px; padding-right:11px; height:100%; width:100%;">
  656.             <DIV STYLE="height:100%; overflow:auto;">
  657.                 <DIV CLASS="WW-AlertBanner" STYLE="display:none; width:100%;" ONMOUSEDOWN="setRunAction('ShowAlerts');"><DIV CLASS="WW-AlertBannerText" STYLE="float:left; border-top:solid #880E0E 2px; background-color:#BF1616; padding:4px 5px 4px 5px; color:#F8F1F1; cursor:url('../../Cursors/Icon.cur'), default; font:bold;"></DIV><DIV STYLE="float:left; border-top:solid #880E0E 2px; background-color:BF1616; cursor:url('../../Cursors/Icon.cur'), default; background:url(../../Images/AlertBannerEnd.gif) no-repeat; height:24px; width:10px;"></DIV></DIV>
  658.                 <DIV CLASS="WW-Station-Name" STYLE="color:#FFF; float:left; border-top:solid 1px #787870; border-left:solid 1px #787870; background-color:#97978E; padding:2px 30px 6px 10px; cursor:url('../../Cursors/Icon.cur'), default; background: #97978E url('../../Images/LocationCorner.gif') no-repeat bottom right;" ONMOUSEDOWN="setRunAction('ShowStationMenu');"></DIV>
  659.                 <DIV STYLE="float:right; padding:5px 5px 0px 0px;"><IMG CLASS="PNG" SRC="../../Images/WeatherBug.png" WIDTH="27" HEIGHT="29" ALT="WeatherBug" STYLE="cursor:url('../../Cursors/Icon.cur'), default;" ONDRAG="return false" ONMOUSEDOWN="setRunAction('LaunchWeatherBug');"></DIV>
  660.                 <DIV STYLE="padding:38px 3px 0px 3px;">        
  661.                     [DAILY LOOP COUNT=*]
  662.                         [TEMPLATE]
  663.                             <DIV STYLE="background: url('../../Images/DailyBack2.gif') repeat-x; padding:8px; border-top:solid #EFD99B 1px;">
  664.                                 <TABLE>
  665.                                 <TR>
  666.                                     <TD ROWSPAN="2" VALIGN="top" STYLE="padding-right:5px;"><DIV STYLE="border:solid 1px #CCC;"><IMG SRC="[DAILY ICON DAY]" STYLE="border:solid 2px #FFF; background-color:#FFF;"></DIV></TD>
  667.                                     <TD VALIGN="top" STYLE="font-size:12px; width:200px; line-height:15px;">
  668.                                         <STRONG STYLE="color:#262626;">[DAILY DAY]</STRONG> [DAILY DATE]<BR>
  669.                                         <STRONG STYLE="color:#3E6D91;">[DAILY CONDITION DAY]</STRONG><BR>
  670.                                     </TD>
  671.                                     <TD VALIGN="top" STYLE="font-size:12px; width:140px; line-height:15px;">
  672.                                         <STRONG STYLE="color:#64A1D0;">High:</STRONG> [DAILY HI]<BR>
  673.                                         <STRONG STYLE="color:#64A1D0;">Precipitation:</STRONG> [DAILY PRECIPITATION DAY]<BR>
  674.                                     </TD>
  675.                                     <TD VALIGN="top" STYLE="font-size:12px; line-height:15px;">
  676.                                         <STRONG STYLE="color:#64A1D0;">Sunrise:</STRONG> [DAILY SUNRISE AMPM]<BR>
  677.                                     </TD>
  678.                                 </TR>
  679.                                 <TR>
  680.                                     <TD COLSPAN="3" STYLE="font-size:12px; line-height:15px; padding-top:6px; width:465px;">
  681.                                         [DAILY PREDICTION DAY]<BR>
  682.                                     </TD>
  683.                                 </TR>
  684.                                 </TABLE>
  685.                             </DIV>
  686.                         [/TEMPLATE]
  687.                         [TEMPLATE]
  688.                             <DIV STYLE="background: url('../../Images/DailyBack.gif') repeat-x; padding:8px; border-top:solid #C5D4DC 1px;">
  689.                                 <TABLE >
  690.                                 <TR STYLE="padding-right:5px;">
  691.                                     <TD ROWSPAN="2" VALIGN="top" STYLE="padding-right:5px;"><DIV STYLE="border:solid 1px #CCC;"><IMG SRC="[DAILY ICON NIGHT]" STYLE="border:solid 2px #FFF; background-color:#FFF;"></DIV></TD>
  692.                                     <TD VALIGN="top" STYLE="font-size:12px; width:200px; line-height:15px;">
  693.                                         <STRONG STYLE="color:#262626;">[DAILY NIGHT]</STRONG> [DAILY DATE]<BR>
  694.                                         <STRONG STYLE="color:#3E6D91;">[DAILY CONDITION NIGHT]</STRONG><BR>
  695.                                     </TD>
  696.                                     <TD VALIGN="top" STYLE="font-size:12px; width:140px; line-height:15px;">
  697.                                         <STRONG STYLE="color:#64A1D0;">Low:</STRONG> [DAILY LO]<BR>
  698.                                         <STRONG STYLE="color:#64A1D0;">Precipitation:</STRONG> [DAILY PRECIPITATION NIGHT]<BR>
  699.                                     </TD>
  700.                                     <TD VALIGN="top" STYLE="font-size:12px; line-height:15px;">
  701.                                         <STRONG STYLE="color:#64A1D0;">Sunset:</STRONG> [DAILY SUNSET AMPM]<BR>
  702.                                     </TD>
  703.                                 </TR>
  704.                                 <TR>
  705.                                     <TD COLSPAN="3" STYLE="font-size:12px; line-height:15px; padding-top:6px; width:465px;">
  706.                                         [DAILY PREDICTION NIGHT]<BR>
  707.                                     </TD>
  708.                                 </TR>
  709.                                 </TABLE>
  710.                             </DIV>
  711.                         [/TEMPLATE]        
  712.                     [/DAILY LOOP]
  713.                 </DIV>
  714.                 <DIV STYLE="padding-top:15px;">
  715.                     <DIV STYLE="border-top:solid #D7D6D6 1px;">
  716.                         <DIV CLASS="WW-Updated-Replaced" STYLE="padding:8px 0px 10px 45px; background-color:#EFEFEF; border:solid 1px #E1E0E0; color:#6E6E6E;"></DIV>
  717.                     </DIV>
  718.                 </DIV>
  719.             </DIV>
  720.         </DIV>
  721.                             
  722.         <DIV ID="WW-ResizeWindow" STYLE="position:absolute; z-index:100; padding:0px 3px 3px 0px; cursor:se-resize; width:20px; height:20px; bottom:expression(pnHeight+'px'); right:expression(pnWidth+'px');" ONMOUSEDOWN="setRunAction('WindowResize');"><DIV STYLE="height:100%; width:100%; background: url('../../Images/Resizer.gif') no-repeat bottom right;"></DIV></DIV>
  723.         <DIV ID="WW-ProgressBar" STYLE="position:absolute; z-index:400; border:solid #ABABAB 1px; display:none; width:300px; height:34px; top:expression(this.parentNode.offsetHeight/2-17+'px'); left:expression(this.parentNode.offsetWidth/2-150+'px');"><DIV STYLE="padding:1px; height:100%; border:solid #DBDBDB 1px; background-color:#FFF;"><DIV STYLE="background-color:#D3E4E9; height:100%;"><DIV ID="WW-ProgressBarColor" STYLE="width:50%; height:100%; border:solid #427886 1px; background-color:#4A8797;"></DIV></DIV></DIV></DIV>
  724.     </DIV>
  725.     </DIV>
  726.         
  727.     <DIV ID="WW-IsInternational" STYLE="display:none;">[IS INTERNATIONAL]</DIV>
  728.     <DIV ID="WW-RunScript" STYLE="display:none;"></DIV>
  729.     <DIV ID="WW-RunScriptRT" STYLE="display:none;"></DIV>
  730.     <DIV ID="WW-RunScriptRTW" STYLE="display:none;"></DIV>
  731.     <DIV ID="WW-RunAction" STYLE="display:none;"></DIV>
  732.     <DIV ID="WW-Link" STYLE="display:none"></DIV>
  733.     <DIV ID="WW-SkinOption1" STYLE="display:none;"></DIV>
  734.     <DIV ID="WW-SkinOption2" STYLE="display:none;"></DIV>
  735.     <DIV ID="WW-SkinOption3" STYLE="display:none;"></DIV>
  736.     <DIV ID="WW-SkinOption4" STYLE="display:none;"></DIV>
  737.     <DIV ID="WW-SkinOption5" CLASS="WW-Skin-MapZoomLevel" STYLE="display:none;"></DIV>
  738.     <IMG ONERROR="updateTemperature('[TEMP]', '[TEMP PLAIN NOT CONVERTED]', '[TEMP HIGH PLAIN NOT CONVERTED]', '[FEELS PLAIN]'); refreshRealtimeWindData('[WIND DEGREES]', '[WIND PLAIN]', '[FEELS PLAIN NOT CONVERTED]');" SRC="#" STYLE="display:none;">
  739.  
  740.     <DIV ID="WW-AlertInfo" STYLE="display:none;">[ALERTS INFO]</DIV>
  741.     <DIV ID="WW-Barometer" STYLE="display:none;">[BAROMETER PLAIN NOT CONVERTED]</DIV>
  742.     <DIV ID="WW-Barometer-Text" STYLE="display:none;">[BAROMETER]</DIV>
  743.     <DIV ID="WW-Barometer-Plain-Text" STYLE="display:none;">[BAROMETER PLAIN]</DIV>
  744.     <DIV ID="WW-Barometer-Rate" STYLE="display:none;">[BAROMETER RATE]</DIV>
  745.     
  746.     <DIV ID="WW-Station-Source" STYLE="display:none;">[STATION]</DIV>
  747.     <DIV ID="WW-Updated-Source" STYLE="display:none;">[UPDATED]</DIV>
  748.  
  749.     <DIV ID="WW-Skin-Path" STYLE="display:none;">[SKIN PATH SLASH]</DIV>
  750. </BODY>
  751.  
  752. </HTML>